

<script setup>
    import { reactive,ref } from 'vue';
    const state = reactive({
      count:100
    })
    const handleClick = () => state.count++;

    const count = ref(0)
    console.log(count.value);
    const handleClick2 = () => count.value++;

</script>

<template>
    <h1>{{ state.count }}</h1>
    <button @click="handleClick">+1</button>

    <hr/>

    <h1>{{ count }}</h1>
    <button @click="handleClick2">+1</button>
</template>
